#define layout()
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>#(SEO_TITLE ?? (WEB_TITLE + '-' + WEB_SUBTITLE))</title>
    <meta name="referrer" content="always"/>
    <meta name="keywords" content="#(SEO_KEYWORDS)">
    <meta name="description" content="#(SEO_DESCRIPTION)">
    <link rel="stylesheet" href="css/main.min.css">
    #@css?()
</head>
<body id="">
<div class="mobile-overlay"></div>
<div id="page-header" class="header clearfix">
    <div class="header-box">
        <ul class="left">
            <li><a href="/">首页</a></li>
        </ul>
        <ul class="right">
            <li id="mobile-menu-btn">
                <i class="iconfont" style="font-size: 24px; cursor: pointer;">&#xe790;</i>
            </li>
            <li id="mobile-menu-send">
                <div class="tile-container">
                    <div class="tile iconfont" data-cta-target=".js-modal-from" data-disable-scroll=true
                         style="font-size: 24px; cursor: pointer;">
                        &#xe619;</div>
                </div>
                <div class="js-modal-from  modal  modal--from">
                    <span class="modal-close-btn"></span>
                    <h1>搜点什么???</h1>
                    <div class="search">
                        <form id="searchform1" action="#(CPATH)/article/search" method="GET">
                            <input type="search" id="search1" name="keyword" placeholder="search..." autocomplete="off">
                        </form>
                    </div>
                </div>
            </li>
            <li><a href="#"><i class="iconfont" style="font-size: 24px; cursor: pointer;">&#xe63f;</i></a></li>
        </ul>
    </div>
</div>
<div id="sub-header" class="header clearfix">
    <div class="header-box">
        <div class="logo">
            <a href="/">
                <img src="#option('this_web_logo' , 'https://www.ucuser.cn/attachment/20200121/db84909f1b7746e28aa2f8a483ec4478.png')" alt="">
            </a>
        </div>
        <div class="search-right">
            <div class="search">
                <form id="searchform" action="#(CPATH)/article/search" method="GET">
                    <input type="search" id="search" name="keyword" placeholder="search..." autocomplete="off">
                </form>
            </div>
        </div>
    </div>
</div>

<div id="main" class="clearfix">
    <section class="aside-nav">
        <div class="lwrap">
            <ul class="aside-nav-main">
                #for(menu : MENUS)
                <li class="#(menu.isActive ? 'active' : '')">
                    <a href="#(menu.url)">#(menu.text)</a>
                </li>
                #end
            </ul>
        </div>
    </section>
    <section class="center">
        #@content()
    </section>

    <aside class="aside">
        <div class="lwrap">
            <article class="aside-box">
                <div class="aside-box-main">
                    <a href="#option('this_web_ggw_link','/')">
                        <img src="#option('this_web_ggw','images/ad.png')" alt="广告位" srcset="">
                    </a>
                </div>
            </article>
            <article class="aside-box">
                <div class="aside-box-header">
                    <h2>热门标签</h2>
                </div>
                <div class="aside-box-main">
                    <ul class="label">
                        #tags(count=10)
                            #for(tag : tags)
                                <li><a href="#(tag.url)">#(tag.title)</a></li>
                            #end
                        #end
                    </ul>
                </div>
            </article>
            <article class="aside-box">
                <div class="aside-box-header">
                    <h2>热门文章</h2>
                </div>
                <div class="aside-box-main">
                    <ul class="head-article">
                        #articles(count = 8)
                            #for(article:articles)
                                <li>
                                    <a href="#(article.url)">#maxLength(article.title,28)
                                        <p>#date(article.created)</p>
                                    </a>
                                </li>
                            #end
                        #end
                    </ul>
                </div>
            </article>
            <article class="aside-box">
                <div class="aside-box-header">
                    <h2>关于</h2>
                </div>
                <div class="aside-box-main">
                    #option("this_web_gy","关于......")
                </div>
            </article>
        </div>
    </aside>
    </div>
    <footer class="footer">
        <div class="lwrap">
            #option("this_web_copyright","copyright @ 2018~2020 JPress Theme is This by <a href=\"http://ucuser.cn\">HaoHan</a><br />")
        </div>
    </footer>
    <script src="./js/jquery.js"></script>
    <script src="./js/main.js"></script>
<script src="./js/cta.min.js"></script>
#@script?()
    </body>
</html>
#end